.user_jpBan .jpAll{
    height: 505px;
    background: #FFF;
    padding: 5px;
    overflow: hidden;
    box-shadow: rgba(0,0,0,.27) 0 1px 3px,#DCDCDC 0 1px 0,#DDD 0 -1px 0;
}
.user_jpBan .jpAll .jpLeft{
    width: 350px;
    float: left;
    height: 100%;
    overflow: hidden;
   
}
.user_jpBan .jpAll .jpLeft .jpLtop{
height:250px;

}

.user_jpBan .jpAll .jpLeft .jpLbottom{
margin-top:5px;
height:250px;

}

.user_jpBan .jpAll .jpRight{
    width: 625px;
    overflow: hidden;
    float: left;
    height: 100%;
    margin-left: 5px;
    overflow: hidden;
}
.user_jpBan .jpAll .jpRight .jpTop{
    height: 250px;
   
}

.user_jpBan .jpAll .jpRight .jpTop .jpL{
float:left;
overflow: hidden;
width:310px;
height:100%;
}
.user_jpBan .jpAll .jpRight .jpTop .jpR{
float:left;
overflow: hidden;
width:310px;
margin-left:5px;
height:100%;
}
.user_jpBan .jpAll .jpRight .jpBottom{
    margin-top: 5px;
    
    height: 250px;
}
.user_jpBan .jpAll a{
display:block;
width:100%;
height:100%;
position:relative;
}
.user_jpBan .jpAll:hover .jpMask{
opacity: 0.5;
filter:alpha(opacity=50);
background-color:#000;
}
.user_jpBan .jpAll a .jpMask{
display:block;
width:100%;
height:100%;
top:0px;
position:absolute;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s; 
-o-transition: all 1s; 
}
.user_jpBan .jpAll a .jpMask:hover{
opacity: 0;
filter:alpha(opacity=0);
}